<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>美好家纺-产品展厅</title>
		<link rel="stylesheet" type="text/css" href="css/cpzt.css" />
		<link rel="stylesheet" type="text/css" href="css/cpzt-min.css"/>
	</head>
	<body>
		<div class="box">
			<!-- 头部 -->
			<header>
				<ul>
					<li><img src="./images/11.png">设为主页</li>
					<li><img src="images/22.png">加入收藏</li>
					<li><img src="images/33.png">联系我们</li>
				</ul>
			</header>
			<!-- 导航栏 -->
			<nav>
				<ul>
					<span><img src="images/index_07.png"></span>
					<li><a href="index.html">网站首页</a></li>
					<li><a href="#">公司简介</a></li>
					<li><a href="#">新闻动态</a></li>
					<li><a href="cpzt.html" target="_top">产品展厅</a></li>
					<li><a href="#">招商加盟</a></li>
					<li><a href="#">诚聘英才</a></li>
					<li><a href="#">联系我们</a></li>
				</ul>
			</nav>
			<!-- banner -->
			<div class="banner">
				<span><img src="images/index_11.png"></span>
			</div>
			<!-- 搜索 -->
			<div class="searchs">
				<ul class="container">
					<li><p>产品搜索：</p></li>
					<li><input type="search" name="" id=""autofocus="" placeholder="关键字" value="" /></li>
					<li><a href="#"><img src="images/list_15.png" ></a></li>
				</ul>
			</div>
			<!-- 展示 -->
			<main>
				<div class="bk">
					<!-- 左边 -->
					<div class="left">
						<h2>产品分类</h2>
						<ul>
							<li><a href="yongpin.html">床上用品</a></li>
							<li><a href="yongpin.html">窗帘</a></li>
							<li><a href="yongpin.html">家饰用品</a></li>
							<li><a href="yongpin.html">家具服饰</a></li>
							<li><a href="yongpin.html">其他</a></li>
						</ul>
						<div class="left1">
						<h2>资讯搜索</h2>
						<div class="sousuo">
							<input type="search" name="" id="" autofocus="" placeholder="关键字" value="" />
							<a href="#"><img src="images/list_15.png"></a>
						</div>
					</div>
					</div>
				</div>
				<div class="bk1">
					<!-- 右边 -->
					<div class="right">
						<h4>产品展厅</h4>
						<p>你现在的位置：
						<a href="index.html">首页</a>><a href="cpzt.html">产品展厅</a>
						</p>
					</div>
					<ul>
						<li><a href="yongpin.html"><img src="images/7.jpg" ></a><p>床上用品</p></li>
						<li><a href="yongpin.html"><img src="images/8.jpg" ></a><p>沙发套装</p></li>
						<li><a href="yongpin.html"><img src="images/3.jpg" ></a><p>家饰用品</p></li>
						<li><a href="yongpin.html"><img src="images/6.jpg" ></a><p>沙发套装</p></li>
						<li><a href="yongpin.html"><img src="images/1.jpg" ></a><p>沙发套装</p></li>
						<li><a href="yongpin.html"><img src="images/4.jpg" ></a><p>沙发套装</p></li>
						<li><a href="yongpin.html"><img src="images/2.jpg" ></a><p>沙发套装</p></li>
						<li><a href="yongpin.html"><img src="images/9.jpg" ></a><p>床上用品</p></li>
						<li><a href="yongpin.html"><img src="images/5.jpg" ></a><p>窗帘</p></li>
					</ul>
					<!-- 换页 -->
					<div class="warp">
						<p>共2页 每页9条 页次1/2</p>
						<form action="" autocomplete="off">
							<button type="button">首页</button>
							<button type="button">上一页</button>
							<button type="button">下一页</button>
							<select>
								<option value="1">1</option>
								<option value="2">2</option>
							</select>
							<button type="button">尾页</button>
						</form>
					</div>
				</div>
			</main>
			<div class="db">
				<ul>
					<li><a href="#">关于我们 |</a></li>
					<li><a href="#">联系方式 |</a></li>
					<li><a href="#">客户留言 |</a></li>
					<li><a href="#">加盟申请 |</a></li>
					<li><a href="#">诚聘精英 |</a></li>
					<li><a href="#">友情链接 |</a></li>
				</ul>
			</div>
			<!-- footer -->
			<footer>
				<p>版权所有 Copyright(C)2005-2017 格莱科技</p>
			</footer>
		</div>
	</body>
</html>
